<!DOCTYPE html>
<!--[if lt IE 8]> <html class="lt-ie8" lang="en"> <![endif]-->
<!--[if gte IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<title>Pertho Admin Panel</title>

	<!-- Foundation framework -->
		<link rel="stylesheet" href="foundation/stylesheets/foundation.css" />
	<!-- jquery UI -->
		<link rel="stylesheet" href="lib/jQueryUI/css/Aristo/Aristo.css" media="all" />
	<!-- jQplot (charts) -->
		<link rel="stylesheet" href="lib/jQplot/jquery.jqplot.css" media="all" />
	<!-- fancybox -->
		<link rel="stylesheet" href="lib/fancybox/jquery.fancybox-1.3.4.css" media="all" />
	<!-- colorpicker -->
		<link rel="stylesheet" href="lib/colorpicker/css/colorpicker.css" media="all"/>
	<!-- fullcalendar -->
		<link rel="stylesheet" href="lib/fullcalendar/fullcalendar.css" media="all" />
	<!-- plupload -->
		<link rel="stylesheet" href="lib/plupload/js/jquery.plupload.queue/css/jquery.plupload.queue.css" media="all" />
	<!-- datatables -->
		<link rel="stylesheet" href="lib/datatables/css/demo_table_jui.css" media="all" />
	<!-- file manager -->
		<link rel="stylesheet" href="lib/elfinder/css/elfinder.min.css" media="all" />
	<!-- chosen (select element extended) -->
		<link rel="stylesheet" href="lib/chosen/chosen.css" media="all" />
    <!-- ibuttons -->
		<link rel="stylesheet" href="lib/ibutton/css/jquery.ibutton.css" media="all" />
	<!-- tag handler -->
		<link rel="stylesheet" href="lib/tagHandler/css/jquery.taghandler.css" media="all" />
	<!-- tooltips -->
		<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
	<!-- syntax highlighter -->
		<link rel="stylesheet" href="lib/syntaxhighlighter/styles/shCoreDefault.css">
	
	<!-- main styles -->
		<link rel="stylesheet" href="css/style.css" />

	<!-- Google fonts -->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' />
		<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' />

	<!-- Favicons and the like (avoid using transparent .png) -->
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="apple-touch-icon-precomposed" href="icon.png" />

	<!--[if lt IE 8]>
		<link rel="stylesheet" href="foundation/stylesheets/ie.css" />
	<![endif]-->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<script src="lib/jQplot/excanvas.min.js"></script>
	<![endif]-->
</head>					<body class="ptrn_a grdnt_a mhover_a">

	<header>
		<div class="container head_s_a">
			<div class="row sepH_b">
				<div class="six columns">
					<div class="row">
                        <div class="five phone-two columns">
							<div id="logo">
								<img src="img/logo.png" alt="Pertho Admin" />
							</div>
						</div>
						<div class="seven phone-two columns">
							<form action="search.php" id="search_box" method="post">
								<input name="query" id="query" type="text" size="40" placeholder="Find a city..." autocomplete="off" />
							</form>
						</div>
                    </div>
				</div>
				<div class="six columns">
					<div class="user_box cf">
						<div class="user_avatar">
							<img src="img/user_female.png" alt="" />
						</div>
						<div class="user_info user_sep">
							<p class="sepH_a">
								<strong>Mary Adams</strong>
							</p>
							<span>
								<a href="#" class="sep">Settings</a>
								<a href="index.php">Log out</a>
							</span>
						</div>
						<div class="ntf_bar user_sep">
							<a href="#ntf_mail_panel" class="ntf_item" style="background-image: url(img/ico/icSw2/32-Mail.png)">
                                <span class="ntf_tip ntf_tip_red"><span>12</span></span>
							</a>
							<a href="#ntf_tickets_panel" class="ntf_item" style="background-image: url(img/ico/icSw2/32-Day-Calendar.png)">
								<span class="ntf_tip ntf_tip_red"><span>122</span></span>
							</a>
							<a href="#ntf_comments_panel" class="ntf_item" style="background-image: url(img/ico/icSw2/32-Speech-Bubble.png)">
								<span class="ntf_tip ntf_tip_blue"><span>8</span></span>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="twelve columns">
					<nav id="smoothmenu_h" class="ddsmoothmenu tinyNav">
                        <ul class="cf">
    <li>
		<a href="javascript:void(0)" class="mb_parent">Dashboard</a>
		<ul style="display:none">
            <li><a href="index.php?uid=1&amp;page=dashboard">Regular</a></li>
            <li><a href="index.php?uid=1&amp;page=dashboard_drag">Drag&Drop</a></li>
        </ul>
	</li>
    <li>
        <a href="javascript:void(0)" class="mb_parent">Forms</a>
        <ul style="display:none">
            <li><a href="index.php?uid=1&amp;page=form_elements">Form elements</a></li>
            <li><a href="index.php?uid=1&amp;page=form_extended">Form elements (extended)</a></li>
            <li><a href="index.php?uid=1&amp;page=form_validation">Form validation</a></li>
            <li><a href="index.php?uid=1&amp;page=form_example">Form example</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0)" class="mb_parent">UI Elements</a>
        <ul style="display:none">
            <li><a href="index.php?uid=1&amp;page=ui_alertbox_btn_ico_tip">Alerts, Buttons, Icons, Tooltips</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_gallery">Gallery</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_grid">Grid</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_pricingtable">Pricing Table</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_scrollable">Scrollable</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_sidebar">Sidebar</a></li>
            <li><a href="index.php?uid=1&amp;page=search_page">Search Page</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_tabs">Tabs / Accordion</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_typography">Typography</a></li>
            <li><a href="index.php?uid=1&amp;page=ui_widgets">Widgets</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0)" class="mb_parent">Plugins</a>
        <ul style="display:none">
            <li><a href="index.php?uid=1&amp;page=plugin_charts">Charts</a></li>
            <li><a href="index.php?uid=1&amp;page=plugin_tables">Data tables</a></li>
            <li><a href="index.php?uid=1&amp;page=plugin_explorer">File explorer</a></li>
            <li><a href="index.php?uid=1&amp;page=plugin_help">Help/Faq</a></li>
            <li><a href="index.php?uid=1&amp;page=plugin_dialogs">Dialog boxes/Notifications</a></li>
            <li><a href="index.php?uid=1&amp;page=plugin_wizard">Wizard</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0)" class="mb_parent">Navigation</a>
        <ul style="display:none">
            <li><a href="index.php?uid=1&amp;page=nav_sticky">Sticky navigation</a></li>
            <li><a href="index.php?uid=1&amp;page=nav_sticky_center">Sticky centered navigation</a></li>
            <li><a href="index.php?uid=1&amp;page=nav_sidebar">Sidebar navigation</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0)" class="mb_parent">Error Pages</a>
        <ul style="display:none">
            <li><a href="index.php?uid=1&amp;page=error_401">401</a></li>
            <li><a href="index.php?uid=1&amp;page=error_403">403</a></li>
            <li><a href="index.php?uid=1&amp;page=error_404">404</a></li>
            <li><a href="index.php?uid=1&amp;page=error_500">500</a></li>
            <li><a href="index.php?uid=1&amp;page=error_503">503</a></li>
            <li><a href="index.php?uid=1&amp;page=error_unexpected">Unexpected error</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0)" class="mb_parent pageselected">Sub-levels</a>
        <ul style="display:none">
            <li>
                <a href="#">First level</a>
                <ul style="display:none">
                    <li>
                        <a href="#">Second level</a>
                        <ul style="display:none">
                            <li><a href="#">Third level</a></li>
                            <li><a href="#">Third level</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Second level</a></li>
                </ul>
            </li>
            <li><a href="#">First level</a></li>
            <li><a href="#">First level</a></li>
            <li><a href="#">First level</a></li>
        </ul>
    </li>
    <li>
        <a href="index.php?uid=1&amp;page=documentation" class="mb_parent">Documentation</a>
    </li>
</ul>
					</nav>
					<ul id="breadcrumbs" class="cf">
						<li>You are here:</li>
						<li><a href="#">Content</a></li>
						<li><a href="#">Article</a></li>
						<li><span>Lorem Ipsum...</span></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- notifications content -->
		<div style="display:none">
			<div id="ntf_tickets_panel" style="display:none">
				<p class="sticky-title">New Tickets</p>
				<ul class="sticky-list">
					<li>
						<a href="#">Admin should not break if URL...</a>
						<p><span class="s_color small">updated 27.10.2011</span></p>
					</li>
					<li>
						<a href="#">Displaying submenus in custom...</a>
						<p><span class="s_color small">updated 27.10.2011</span></p>
					</li>
					<li>
						<a href="#">Featured image on post types.</a>
						<p><span class="s_color small">updated 26.10.2011</span></p>
					</li>
					<li>
						<a href="#">Multiple feed fixes and...</a>
						<p><span class="s_color small">updated 22.10.2011</span></p>
					</li>
					<li>
						<a href="#">Automatic line breaks in...</a>
						<p><span class="s_color small">updated 14.10.2011</span></p>
					</li>
					<li>
						<a href="#">Wysiwyg bug with shortcodes.</a>
						<p><span class="s_color small">updated 08.10.2011</span></p>
					</li>
				</ul>
				<a href="#" class="gh_button btn-small">Show all tickets</a>
			</div>
			<div id="ntf_comments_panel" style="display:none">
				<p class="sticky-title">New Comments</p>
				<ul class="sticky-list">
					<li>
						<a href="#">Lorem ipsum dolor sit amet...</a>
						<p><span class="s_color small">John Smith on Maiden Castle, Dorset (29.10.2011)</span></p>
					</li>
					<li>
						<a href="#">Lorem ipsum dolor sit...</a>
						<p><span class="s_color small">John Smith on Draining and development... (29.10.2011)</span></p>
					</li>
				</ul>
				<a href="#" class="gh_button btn-small">Show all comments</a>
			</div>
			<div id="ntf_mail_panel" style="display:none">
				<p class="sticky-title">New Messages</p>
				<ul class="sticky-list">
					<li>
						<a href="#">Lorem ipsum dolor sit amet...</a>
						<p><span class="s_color small">From John Smith (29.10.2011)</span></p>
					</li>
					<li>
						<a href="#">Lorem ipsum dolor sit...</a>
						<p><span class="s_color small">From John Smith (28.10.2011)</span></p>
					</li>
				</ul>
				<a href="#" class="gh_button btn-small">Show all messages</a>
			</div>
		</div>
	</header>
<div class="container">

		<div class="row">
			<div class="twelve columns">
				<div class="box_c">
					<div class="box_c_heading cf">
						<div class="box_c_ico"><img src="img/ico/icSw2/16-List.png" alt="" /></div>
						<p>Form example</p>
						<ul class="tabs cf right">
							<li><a href="#">Form example</a></li>
							<li><a href="#">Form with legend</a></li>
						</ul>
					</div>
					<div class="box_c_content form_a">
						<div class="tab_pane">
							<form action="index.php?page=form_example" class="nice">
								<div class="formRow">
                                    <label for="fname_a">First name</label>
                                    <input type="text" id="fname_a" name="fname_a" class="input-text ttip_r large" title="Only letters, min. 3 char"/>
                                </div>
                                <div class="formRow">
                                    <label for="lname_a">Last name</label>
                                    <input type="text" id="lname_a" name="lname_a" class="input-text large" />
                                </div>
                                <div class="formRow">
                                    <label for="email_a">Email</label>
                                    <input type="text" id="email_a" name="email_a" class="input-text large" />
                                </div>
                                <div class="formRow">
                                    <label for="address_a">Address</label>
                                    <input type="text" id="adress_a" name="adress_a" class="input-text large" />
                                </div>
                                <div class="formRow">
                                    <label for="country_a">Country</label>
                                    <select name="country_a" id="country_a">
                                        <option value=""> --- Please Select --- </option>
                                        <option value="1">Afghanistan</option>
                                        <option value="2">Albania</option>
                                        <option value="3">Algeria</option>
                                        <option value="4">American Samoa</option>
                                        <option value="5">Andorra</option>
                                        <option value="6">Angola</option>
                                        <option value="7">Anguilla</option>
                                        <option value="8">Antarctica</option>
                                        <option value="9">Antigua and Barbuda</option>
                                        <option value="127">Madagascar</option>
                                        <option value="128">Malawi</option>
                                        <option value="129">Malaysia</option>
                                        <option value="130">Maldives</option>
                                        <option value="131">Mali</option>
                                        <option value="132">Malta</option>
                                        <option value="133">Marshall Islands</option>
                                        <option value="134">Martinique</option>
                                        <option value="135">Mauritania</option>
                                        <option value="136">Mauritius</option>
                                        <option value="165">Papua New Guinea</option>
                                        <option value="166">Paraguay</option>
                                        <option value="167">Peru</option>
                                        <option value="168">Philippines</option>
                                        <option value="169">Pitcairn</option>
                                        <option value="170">Poland</option>
                                        <option value="171">Portugal</option>
                                        <option value="172">Puerto Rico</option>
                                        <option value="173">Qatar</option>
                                        <option value="174">Reunion</option>
                                        <option value="198">St. Pierre and Miquelon</option>
                                        <option value="199">Sudan</option>
                                        <option value="200">Suriname</option>
                                        <option value="201">Svalbard and Jan Mayen Islands</option>
                                        <option value="202">Swaziland</option>
                                        <option value="203">Sweden</option>
                                        <option value="204">Switzerland</option>
                                        <option value="205">Syrian Arab Republic</option>
                                        <option value="206">Taiwan</option>
                                        <option value="207">Tajikistan</option>
                                        <option value="208">Tanzania, United Republic of</option>
                                        <option value="209">Thailand</option>
                                        <option value="210">Togo</option>
                                        <option value="211">Tokelau</option>
                                        <option value="212">Tonga</option>
                                        <option value="213">Trinidad and Tobago</option>
                                        <option value="214">Tunisia</option>
                                        <option value="215">Turkey</option>
                                        <option value="216">Turkmenistan</option>
                                        <option value="217">Turks and Caicos Islands</option>
                                        <option value="218">Tuvalu</option>
                                        <option value="219">Uganda</option>
                                        <option value="220">Ukraine</option>
                                        <option value="221">United Arab Emirates</option>
                                        <option value="222">United Kingdom</option>
                                        <option value="223">United States</option>
                                  </select>
                                </div>
                                <div class="formRow">
                                    <div class="row">
										<div class="six columns">
											<label for="city_a">City</label>
											<input type="text" id="city_a" name="city_a" class="input-text" />
										</div>
                                        <div class="six columns">
                                            <label for="post_code_a">Post code</label>
                                            <input type="text" id="post_code_a" name="post_code_a" class="input-text" />
                                        </div>
									</div>
                                </div>
                                <div class="formRow">
                                    <label for="message_a">Your message</label>
									<textarea name="message_a" id="message_a" cols="30" rows="10" class="expand"></textarea>
                                </div>
								<div class="formRow cf">
                                    <button type="button" class="button small nice blue radius">Send form</button>
									<a href="javascript:void(0)" class="clear_form">Clear form</a>
                                </div>
							</form>
						</div>
						<div class="tab_pane" style="display:none">
							<form action="index.php?page=form_example" class="nice">
								<div class="row sepH_b">
									<div class="two columns">
										<div class="form_legend">
											<h5>Personal details</h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pharetra metus non nisi feugiat porta...</p>
										</div>
									</div>
									<div class="ten columns">
										<div class="form_content">
											<div class="formRow">
												<label for="fname_b">First name</label>
												<input type="text" id="fname_b" name="fname_b" class="input-text large" />
											</div>
											<div class="formRow">
												<label for="lname_b">Last name</label>
												<input type="text" id="lname_b" name="lname_b" class="input-text large" />
											</div>
											<div class="formRow">
												<label for="email_b">Email</label>
												<input type="text" id="email_b" name="email_b" class="input-text large" />
											</div>
										</div>
									</div>
								</div>
								<div class="row sepH_b">
									<div class="two columns">
										<div class="form_legend">
											<h5>Your Adress</h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
										</div>
									</div>
									<div class="ten columns">
										<div class="form_content">
											<div class="formRow">
												<label for="adress_b">Address</label>
												<input type="text" id="adress_b" name="adress_b" class="input-text large" />
											</div>
											<div class="formRow">
												<label for="country_b">Country</label>
												<select name="country_b" id="country_b">
													<option value=""> --- Please Select --- </option>
													<option value="1">Afghanistan</option>
													<option value="2">Albania</option>
													<option value="3">Algeria</option>
													<option value="4">American Samoa</option>
													<option value="5">Andorra</option>
													<option value="6">Angola</option>
													<option value="7">Anguilla</option>
													<option value="8">Antarctica</option>
													<option value="9">Antigua and Barbuda</option>
													<option value="127">Madagascar</option>
													<option value="128">Malawi</option>
													<option value="129">Malaysia</option>
													<option value="130">Maldives</option>
													<option value="131">Mali</option>
													<option value="132">Malta</option>
													<option value="133">Marshall Islands</option>
													<option value="134">Martinique</option>
													<option value="135">Mauritania</option>
													<option value="136">Mauritius</option>
													<option value="165">Papua New Guinea</option>
													<option value="166">Paraguay</option>
													<option value="167">Peru</option>
													<option value="168">Philippines</option>
													<option value="169">Pitcairn</option>
													<option value="170">Poland</option>
													<option value="171">Portugal</option>
													<option value="172">Puerto Rico</option>
													<option value="173">Qatar</option>
													<option value="174">Reunion</option>
													<option value="198">St. Pierre and Miquelon</option>
													<option value="199">Sudan</option>
													<option value="200">Suriname</option>
													<option value="201">Svalbard and Jan Mayen Islands</option>
													<option value="202">Swaziland</option>
													<option value="203">Sweden</option>
													<option value="204">Switzerland</option>
													<option value="205">Syrian Arab Republic</option>
													<option value="206">Taiwan</option>
													<option value="207">Tajikistan</option>
													<option value="208">Tanzania, United Republic of</option>
													<option value="209">Thailand</option>
													<option value="210">Togo</option>
													<option value="211">Tokelau</option>
													<option value="212">Tonga</option>
													<option value="213">Trinidad and Tobago</option>
													<option value="214">Tunisia</option>
													<option value="215">Turkey</option>
													<option value="216">Turkmenistan</option>
													<option value="217">Turks and Caicos Islands</option>
													<option value="218">Tuvalu</option>
													<option value="219">Uganda</option>
													<option value="220">Ukraine</option>
													<option value="221">United Arab Emirates</option>
													<option value="222">United Kingdom</option>
													<option value="223">United States</option>
											  </select>
											</div>
											<div class="formRow">
												<label for="city_b">City</label>
												<input type="text" id="city_b" name="city_b" class="input-text large" />
											</div>
											<div class="formRow">
												<label for="post_code_b">Post code</label>
												<input type="text" id="post_code_b" name="post_code" class="input-text medium" />
											</div>
										</div>
									</div>
								</div>
								<div class="row sepH_c">
									<div class="two columns">
										<div class="form_legend">
											<h5>Aditional info</h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
										</div>
									</div>
									<div class="ten columns">
										<div class="form_content">
											<div class="formRow">
												<p>Gender</p>
												<ul class="block-grid three-up mobile">
													<li><label for="male_a"><input type="radio" id="male_a" name="gender_a"> Male</label></li>
													<li><label for="female_a"><input type="radio" id="female_a" name="gender_a"> Female</label></li>
												</ul>
											</div>
											<div class="formRow">
												<p>What days of the week are you consistently available?</p>
												<ul class="block-grid five-up mobile">
													<li><label for="monday_b"><input type="checkbox" id="monday_b" name="monday_b"> Monday</label></li>
													<li><label for="tuesday_b"><input type="checkbox" id="tuesday_b" name="tuesday_b"> Tuesday</label></li>
													<li><label for="wednesday_b"><input type="checkbox" id="wednesday_b" name="wednesday_b"> Wednesday</label></li>
													<li><label for="thursday_b"><input type="checkbox" id="thursday_b" name="thursday_b"> Thursday</label></li>
													<li><label for="friday_b"><input type="checkbox" id="friday_b" name="friday_b"> Friday</label></li>
													<li><label for="saturday_b"><input type="checkbox" id="saturday_b" name="saturday_b"> Saturday</label></li>
													<li><label for="sunday_b"><input type="checkbox" id="sunday_b" name="sunday_b"> Sunday</label></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="two columns"></div>
									<div class="ten columns">
										<div class="form_content">
											<div class="formRow">
												<button type="button" class="button small nice blue radius">Send form</button>
												<a href="javascript:void(0)" class="clear_form">Clear form</a>
											</div>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
</div>
	<footer class="container" id="footer">
        <div class="row">
            <div class="twelve columns">
                Copyright &copy; 2012 tzd-themes.com
            </div>
        </div>
	</footer>

	<script src="js/jquery.min.js"></script>
	<script src="lib/jQueryUI/jquery-ui-1.8.18.custom.min.js"></script>
	<script src="js/s_scripts.js"></script>
	<script src="js/jquery.ui.extend.js"></script>
	<script src="lib/qtip2/jquery.qtip.min.js"></script>
	<script src="js/pertho.js"></script>
	<script>
		$(document).ready(function() {
                //* common functions
				prth_common.init();
                
				//* nested accordion
				prth_nested_accordion.init();
				//clear form
				prth_clearForm.init();
						//replace themeforest iframe
			if(jQuery.browser.mobile) {
				if (top !== self) top.location.href = self.location.href;
			}
		});
	</script>

	<div class="style_switcher">
		<h5 class="w_color sepH_c">Style switcher</h5>
		<div class="cf sepH_c">
			<p class="left">Main color:</p><div id="mainColor_picker" class="color_picker right"><div></div></div>
		</div>
		<div class="cf sepH_c">
			<p class="left">Background color:</p><div id="background_picker" class="color_picker right"><div></div></div>
		</div>
		<div class="cf sepH_c">
			<p class="left">Link color:</p><div id="link_picker" class="color_picker right"><div></div></div>
		</div>
		<div class="cf sepH_c">
			<p>Menu hover color:</p>
			<div class="cf sepH_a">
				<span class="ssw_mhover_a style_item jQmhover style_active" title="mhover_a"></span>
				<span class="ssw_mhover_b style_item jQmhover" title="mhover_b"></span>
				<span class="ssw_mhover_c style_item jQmhover" title="mhover_c"></span>
				<span class="ssw_mhover_d style_item jQmhover" title="mhover_d"></span>
				<span class="ssw_mhover_e style_item jQmhover" title="mhover_e"></span>
			</div>
		</div>
		<div class="cf sepH_c">
			<p>Background pattern</p>
			<div class="cf sepH_a">
				<span class="ssw_ptrn_a style_item jQptrn style_active" title="ptrn_a"></span>
				<span class="ssw_ptrn_b style_item jQptrn" title="ptrn_b"></span>
				<span class="ssw_ptrn_c style_item jQptrn" title="ptrn_c"></span>
				<span class="ssw_ptrn_d style_item jQptrn" title="ptrn_d"></span>
				<span class="ssw_ptrn_e style_item jQptrn" title="ptrn_e"></span>
			</div>
			<a href="#" id="remove_pattern" class="small">Remove pattern</a>
		</div>
		<div class="cf sepH_c">
			<p>Bar Gradients</p>
			<div class="cf sepH_a">
				<span class="ssw_grdnt_a style_item jQgrdnt style_active" title="grdnt_a"></span>
				<span class="ssw_grdnt_b style_item jQgrdnt" title="grdnt_b"></span>
				<span class="ssw_grdnt_c style_item jQgrdnt" title="grdnt_c"></span>
				<span class="ssw_grdnt_d style_item jQgrdnt" title="grdnt_d"></span>
				<span class="ssw_grdnt_e style_item jQgrdnt" title="grdnt_e"></span>
			</div>
		</div>
		<div class="gh_button-group">
			<a href="#" id="showCss" class="gh_button pill small">Show CSS</a>
            <a href="#" id="resetDefault" class="gh_button pill small danger">Reset</a>
		</div>
        <div style="display:none">
            <ul id="ssw_styles">
                <li class="small ssw_mbColor sepH_a" style="display:none">body {<span class="ssw_mColor sepH_a" style="display:none"> color: #<span></span>;</span> <span class="ssw_bColor" style="display:none">background-color: #<span></span> </span>}</li>
                <li class="small ssw_lColor sepH_a" style="display:none">a { color: #<span></span> }</li>
            </ul>
        </div>
	</div>
	<div class="sw_width" style="display:none">
		<img src="img/blank.gif" alt="" title="switch to full width" class="sw_full"/>
		<img src="img/blank.gif" alt="" title="switch fixed width (980px)" class="sw_fixed" style="display:none"/>
	</div>
                        <script type="text/javascript">
                        
                          var _gaq = _gaq || [];
                          _gaq.push(['_setAccount', 'UA-30522412-1']);
                          _gaq.push(['_trackPageview']);
                        
                          (function() {
                            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                          })();
                        
                        </script>
					</body>
				</html>
